<!--统报管理-->
<template>
    <div class="wrapper">
        <div class="main">
            <div class="main-left">
                <v-menu :menus="menu" :currentMenu="activeMenu"></v-menu>
            </div>
            <div class="main-right">
                <router-view/>
            </div>
        </div>
    </div>
</template>

<script>
    import vMenu from '@/components/leftMenu/leftMenu.vue'

    export default {
        name: 'index',
        components: {
            vMenu
        },
        data () {
            return {
                menu: [
                    {
                        path: '/unifiedReportMgt/tableTrends',
                        title: '表格与动态',
                        icon: require('./img/menu-tableTrends.png'),
                        activeIcon: require('./img/menu-tableTrends-active.png')
                    }, {
                        path: '/unifiedReportMgt/dashboard',
                        title: '仪表盘',
                        icon: require('./img/menu-dashboard.png'),
                        activeIcon: require('./img/menu-dashboard-active.png')
                    }
                ],
                activeMenu: ''
            }
        },
        created () {
            this.activeMenu = this.$route.path
        },
        computed: {
            active () {
                const route = this.$route

                return {
                    path: route.path,
                    name: route.name,
                    title: route.meta.title
                }
            }
        }
    }
</script>

<style scoped lang="scss">
</style>
